// userPageC/pages/abulkMerchants/abulkMerchants.js
const app = getApp();
const WXAPI = require("../../../api/api");
Page({

  /**
   * 页面的初始数据
   */
  data: {
    nvabarData: {
      showCapsule: 1,
      // 是否显示左上角图标   1表示显示    0表示不显示
      title: '全部商家',
      // 导航栏 中间的标题
      textColor: '#222',
      // 标题颜色
      bgColor: '#fff',
      // 导航栏背景颜色
      isloading: true,
      isColor: true 
    },
    navLs: [{
      id: 1,
      name: '推荐商家'
    }, {
      id: 2,
      name: '离我最近'
    }],
    changeIndex: 1,
    imgHttp: app.globalData.imgHttp,
    shopName: '',
    module: 1,//推荐模块 1 爆品推荐 2 今日上新 3 离我最近 4价格优先
    lnt: app.globalData.lnt,//经度
    lat: app.globalData.lat,//纬度
    merchantsList: [],
    isPull: true,//是否刷新
    lodingtype: 1,//加载状态（0：加载中  1：加载完成没有更多）
    pageSize: 10,
    pageNum: 1,
    loginShow: false,//是否登录弹出窗
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.setData({
      statusHeight: app.gettop.height,
      status: app.gettop.status,
      navHeight: app.gettop.navHeight,
      mobbleBottom: app.mobile.mobbleBottom
    });
    this.getMerchantsList()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.login_dialog = this.selectComponent("#login_dialog");
    console.log('this.login_dialog',this.login_dialog)
    var token = wx.getStorageSync('token')
    if(token){
      this.login_dialog.loginHide()
    }
  },
  //获取团购列表
  getMerchantsList(){
    const that = this;
    wx.showLoading({
      title: '加载中',
      mask: true
    });
    var data = {
      module: this.data.module,
      lnt: this.data.lnt,
      lat: this.data.lat,
      pageSize: this.data.pageSize,
      pageNum: this.data.pageNum,
      shopName: this.data.shopName
    }
    WXAPI.abulkMerchantList(data, res => {
      const {size,total,records} = res.result;
      var list = [];
      var merchantsList = this.data.merchantsList;
      if (res.code === 200) {
        if (this.data.pageNum >= Math.ceil(total / size)) {
          this.setData({
            lodingtype: 1,
            isPull: false
          });
        } else {
          this.setData({
            lodingtype: 0,
            isPull: true
          });
        }

        wx.hideLoading();
        list = records, this.setData({
          merchantsList: merchantsList.concat(list)
        });
      }
    });
  },
  //切换选项
  navClick(e) {
    //nav选择
    let id = e.currentTarget.dataset.id;
    this.setData({
      changeIndex: id,
      pageNum: 1,
      merchantsList: [],
      module: id,
    });
    this.getMerchantsList()
  },
  //关闭弹窗
  handleChoose(){
    this.setData({
      loginShow: false,
    })
  },
  //查看门店团购
  handleDetail(e){
    const shopId = e.currentTarget.dataset.shopid
    const token = wx.getStorageSync('token');
    this.setData({
      shopId: shopId,
    })
    if(token){
      wx.navigateTo({
        url: '/userPageC/pages/shopBulk/shopBulk?shopId='+shopId,
      });
    }else{
      this.login_dialog.loginShow()
    }  
  },
  loginSuccess(){
    wx.navigateTo({
      url: '/userPageC/pages/shopBulk/shopBulk?shopId='+this.data.shopId,
    });
  },
  //获取输入的店铺名
  changeShopName(e){
    this.setData({
      shopName: e.detail.value,
      
    })
  },
  handleSearch(){
    this.setData({
      merchantsList: [],
      pageNum: 1,
    })
    this.getMerchantsList()
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if (this.data.isPull == true) {
      var pageNum = this.data.pageNum;
      pageNum++;
      console.log("触底了", pageNum);
      this.setData({
        pageNum: pageNum
      });
      this.getMerchantsList();
    }
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})